﻿<!DOCTYPE html>
<html lang="en">
   <head>
      <!-- BEGIN META -->
	  <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta name="description" content="">
      <meta name="author" content="Olive Admin">
      <!-- END META -->
      <!-- BEGIN SHORTCUT ICON -->
	  <link rel="shortcut icon" href="img/favicon.ico">
	  <!-- END SHORTCUT ICON -->
      <title>FB Wall / Timeline</title>
	  
	  <!-- BEGIN STYLESHEET-->
		<link href="css/bootstrap.min.css" rel="stylesheet"><!-- BOOTSTRAP CSS -->
		<link href="css/bootstrap-reset.css" rel="stylesheet"><!-- BOOTSTRAP CSS -->
		<link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet"><!-- FONT AWESOME ICON STYLESHEET -->
		<link href="css/style.css" rel="stylesheet"><!-- THEME BASIC CSS -->
		<link href="css/style-responsive.css" rel="stylesheet"><!-- THEME BASIC RESPONSIVE  CSS -->
      <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
      <![endif]-->
	  <!-- END STYLESHEET-->
   </head>
   <body>
      <!-- BEGIN SECTION -->
      <section id="container" class="">
	     
		  <!-- BEGIN HEADER -->
         <header class="header white-bg">
            <!-- SIDEBAR TOGGLE BUTTON -->
			<div class="sidebar-toggle-box">
			  <div  data-placement="right" class="fa fa-bars tooltips">
			  </div>
			</div>
           <!-- SIDEBAR TOGGLE BUTTON  END-->
            <a href="index.html" class="logo">olive<span>admin</span></a>
            <!-- START HEADER  NAV -->
        
        <nav class="nav notify-row" id="top_menu">
          
          <ul class="nav top-menu">
            <!-- START NOTIFY TASK BAR -->
            
            <li class="dropdown">
              <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                <i class="fa fa-tasks">
                </i>
                <span class="badge bg-success">
                  6
                </span>
              </a>
              
              <ul class="dropdown-menu extended tasks-bar">
                <li class="notify-arrow notify-arrow-blue">
                </li>
                <li>
                  <p class="blue">
                    You have 6 pending tasks
                  </p>
                </li>
                <li>
                  <a href="#">
                    <div class="task-info">
                      <div class="desc">
                        Dashboard v1.3
                      </div>
                      <div class="percent">
                        40%
                      </div>
                    </div>
                    <div class="progress progress-striped">
                      <div class="progress-bar progress-bar-success set-40" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" >
                        <span class="sr-only">
                          40% Complete (success)
                        </span>
                      </div>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="task-info">
                      <div class="desc">
                        Database Update
                      </div>
                      <div class="percent">
                        60%
                      </div>
                    </div>
                    <div class="progress progress-striped">
                      <div class="progress-bar progress-bar-warning set-60" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" >
                        <span class="sr-only">
                          60% Complete (warning)
                        </span>
                      </div>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="task-info">
                      <div class="desc">
                        Iphone Development
                      </div>
                      <div class="percent">
                        87%
                      </div>
                    </div>
                    <div class="progress progress-striped">
                      <div class="progress-bar progress-bar-info set-87" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" >
                        <span class="sr-only">
                          87% Complete
                        </span>
                      </div>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="task-info">
                      <div class="desc">
                        Mobile App
                      </div>
                      <div class="percent">
                        33%
                      </div>
                    </div>
                    <div class="progress progress-striped">
                      <div class="progress-bar progress-bar-danger set-33" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" >
                        <span class="sr-only">
                          33% Complete (danger)
                        </span>
                      </div>
                    </div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <div class="task-info">
                      <div class="desc">
                        Dashboard v1.3
                      </div>
                      <div class="percent">
                        45%
                      </div>
                    </div>
                    <div class="progress progress-striped active">
                      <div class="progress-bar set-45" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" >
                        <span class="sr-only">
                          45% Complete
                        </span>
                      </div>
                      
                    </div>
                  </a>
                </li>
                <li class="external">
                  <a href="#">
                    See All Tasks
                  </a>
                </li>
              </ul>
              
            </li>
            <!-- END NOTIFY TASK BAR -->
            
            <!-- START NOTIFY INBOX BAR -->
            
            <li id="header_inbox_bar" class="dropdown">
              <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                <i class="fa fa-envelope-o">
                </i>
                <span class="badge bg-important">
                  5
                </span>
              </a>
              <ul class="dropdown-menu extended inbox">
                <li class="notify-arrow notify-arrow-blue">
                </li>
                <li>
                  <p class="blue">
                    You have 5 new messages
                  </p>
                </li>
                <li>
                  <a href="#">
                    <span class="photo">
                      <img alt="avatar" src="./img/avatar-mini.jpg">
                    </span>
                    <span class="subject">
                      <span class="from">
                        Chintan Pandya
                      </span>
                      <span class="time">
                        Just now
                      </span>
                    </span>
                    <span class="message">
                      Hello, this is an example msg.
                    </span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <span class="photo">
                      <img alt="avatar" src="./img/avatar-mini2.jpg">
                    </span>
                    <span class="subject">
                      <span class="from">
                        Parth Jani
                      </span>
                      <span class="time">
                        10 mins
                      </span>
                    </span>
                    <span class="message">
                      Hi, Bro how are you ?
                    </span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <span class="photo">
                      <img alt="avatar" src="./img/avatar-mini3.jpg">
                    </span>
                    <span class="subject">
                      <span class="from">
                        Jay Bardolia
                      </span>
                      <span class="time">
                        3 hrs
                      </span>
                    </span>
                    <span class="message">
                      This is awesome dashboard.
                    </span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <span class="photo">
                      <img alt="avatar" src="./img/avatar-mini4.jpg">
                    </span>
                    <span class="subject">
                      <span class="from">
                        Pruthvi Bardolia
                      </span>
                      <span class="time">
                        Just now
                      </span>
                    </span>
                    <span class="message">
                      Hello, this is metrolab
                    </span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    See all messages
                  </a>
                </li>
              </ul>
            </li>
            <!-- END NOTIFY INBOX BAR -->
            
            <!-- START NOTIFY NOTIFICATION BAR -->
            
            <li id="header_notification_bar" class="dropdown">
              <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                <i class="fa fa-bell-o">
                </i>
                <span class="badge bg-warning">
                  7
                </span>
              </a>
              <ul class="dropdown-menu extended notification">
                <li class="notify-arrow notify-arrow-blue">
                </li>
                <li>
                  <p class="blue">
                    You have 7 new notifications
                  </p>
                </li>
                <li>
                  <a href="#">
                    <span class="label label-danger">
                      <i class="fa fa-bolt">
                      </i>
                    </span>
                    Server #3 overloaded.
                    <span class="small italic">
                      34 mins
                    </span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <span class="label label-warning">
                      <i class="fa fa-bell">
                      </i>
                    </span>
                    Server #10 not respoding.
                    <span class="small italic">
                      1 Hours
                    </span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <span class="label label-danger">
                      <i class="fa fa-bolt">
                      </i>
                    </span>
                    Database overloaded 24%.
                    <span class="small italic">
                      4 hrs
                    </span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <span class="label label-success">
                      <i class="fa fa-plus">
                      </i>
                    </span>
                    New user registered.
                    <span class="small italic">
                      Just now
                    </span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <span class="label label-primary">
                      <i class="fa fa-bullhorn">
                      </i>
                    </span>
                    Application error.
                    <span class="small italic">
                      10 mins
                    </span>
                  </a>
                </li>
                <li>
                  <a href="#">
                    See all notifications
                  </a>
                </li>
              </ul>
            </li>
            <!-- END NOTIFY NOTIFICATION BAR -->
            
          </ul>
          
          
        </nav>
        
        <!-- END HEADER NAV -->
        
        
        <!-- START USER LOGIN DROPDOWN  -->
            <div class="top-nav ">
               <ul class="nav pull-right top-menu">
                  <li>
                     <input type="text" class="form-control search" placeholder="Search">
                  </li>
                  <li class="dropdown">
                     <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                     <img alt="" src="img/avatar1_small.jpg">
                     <span class="username">Pruthvi</span>
                     <b class="caret"></b>
                     </a>
                     <ul class="dropdown-menu extended logout">
                        <li class="log-arrow-up"></li>
                        <li><a href="#"><i class=" fa fa-suitcase"></i>Profile</a></li>
                        <li><a href="#"><i class="fa fa-cog"></i> Settings</a></li>
                        <li><a href="#"><i class="fa fa-bell-o"></i> Notification</a></li>
                        <li><a href="login.html"><i class="fa fa-key"></i> Log Out</a></li>
                     </ul>
                  </li>
               </ul>
            </div>
			<!-- END USER LOGIN DROPDOWN  -->
         </header>
		 <!-- END HEADER -->
		 <!-- BEGIN SIDEBAR -->
         <aside>
            <div id="sidebar" class="nav-collapse">
               <ul class="sidebar-menu" id="nav-accordion">
                  <li>
                     <a href="index.html">
                     <i class="fa fa-dashboard"></i>
                     <span>Dashboard</span>
                     </a>
                  </li>
                  <li class="sub-menu">
                     <a href="javascript:;">
                     <i class="fa fa-laptop"></i>
                     <span>Layouts</span>
                     <span class="label label-success span-sidebar">4</span>
                     </a>
                     <ul class="sub">
                        <li><a href="boxed_page.html">Boxed Page</a></li>
                        <li><a href="horizontal_menu.html">Horizontal Menubar</a></li>
                        <li><a href="language_switch_bar.html">Language Bar</a></li>
                        <li><a href="email_template.html" target="_blank">Email Templates</a></li>
                     </ul>
                  </li>
                  <li class="sub-menu">
                     <a href="javascript:;">
                     <i class="fa fa-book"></i>
                     <span>UI Elements</span>
                     <span class="label label-info span-sidebar">7</span>
                     </a>
                     <ul class="sub">
                        <li><a href="general.html">General</a></li>
                        <li><a href="buttons.html">Buttons</a></li>
                        <li><a href="widget.html">Widget</a></li>
                        <li><a href="slider.html">Range Slider</a></li>
                        <li><a href="nestable.html">Nestable List</a></li>
                        <li><a href="tree.html">Tree View List</a></li>
                        <li><a href="font_awesome.html">Font Awesome Icon</a></li>
                     </ul>
                  </li>
                  <li class="sub-menu">
                     <a href="javascript:;">
                     <i class="fa fa-cogs"></i>
                     <span>Components</span>
                     <span class="label label-primary span-sidebar">5</span>
                     </a>
                     <ul class="sub">
                        <li><a href="grids.html">Grids</a></li>
                        <li><a href="calendar.html">Calendar</a></li>
                        <li><a href="gallery.html">Gallery</a></li>
                        <li><a href="todo_list.html">Todo List</a></li>
                        <li><a href="draggable_portlet.html">Draggable Portlets</a></li>
                     </ul>
                  </li>
                  <li class="sub-menu">
                     <a href="javascript:;">
                     <i class="fa fa-tasks"></i>
                     <span>Form Stuff</span>
                     <span class="label label-info span-sidebar">7</span>
                     </a>
                     <ul class="sub">
                        <li><a href="form_component.html">Form Components</a></li>
                        <li><a href="advanced_form_components.html">Advanced Components</a></li>
                        <li><a href="form_wizard.html">Form Wizards</a></li>
                        <li><a href="form_validation.html">Form Validation</a></li>
                        <li><a href="dropzone.html">Dropzone File Upload</a></li>
                        <li><a href="inline_editor.html">Inline Editor</a></li>
                        <li><a href="file_upload.html">Multiple File Upload</a></li>
                     </ul>
                  </li>
                  <li class="sub-menu">
                     <a href="javascript:;">
                     <i class="fa fa-th"></i>
                     <span>Data Tables</span>
                     <span class="label label-inverse span-sidebar">5</span>
                     </a>
                     <ul class="sub">
                        <li><a href="basic_table.html">Basic Table</a></li>
                        <li><a href="responsive_table.html">Responsive Table</a></li>
                        <li><a href="dynamic_table.html">Dynamic Table</a></li>
                        <li><a href="advanced_table.html">Advanced Table</a></li>
                        <li><a href="editable_table.html">Editable Table</a></li>
                     </ul>
                  </li>
                  <li class="sub-menu">
                     <a href="javascript:;">
                     <i class=" fa fa-envelope"></i>
                     <span>Mail</span>
                     <span class="label label-danger span-sidebar">2</span>
                     </a>
                     <ul class="sub">
                        <li><a href="inbox.html">Inbox</a></li>
                        <li><a href="inbox_details.html">Mail Details</a></li>
                     </ul>
                  </li>
                  <li class="sub-menu">
                     <a href="javascript:;">
                     <i class=" fa fa-bar-chart-o"></i>
                     <span>Charts</span>
                     <span class="label label-warning span-sidebar">4</span>
                     </a>
                     <ul class="sub">
                        <li><a href="morris.html">Morris Chart</a></li>
                        <li><a href="chartjs.html">Chartjs Chart</a></li>
                        <li><a href="flot_chart.html">Flot Charts</a></li>
                        <li><a href="xchart.html">xChart</a></li>
                     </ul>
                  </li>
                  <li class="sub-menu">
                     <a href="javascript:;">
                     <i class="fa fa-shopping-cart"></i>
                     <span>Product</span>
                     <span class="label label-success span-sidebar">2</span>
                     </a>
                     <ul class="sub">
                        <li><a href="product_list.html">List View</a></li>
                        <li><a href="product_details.html">Details View</a></li>
                     </ul>
                  </li>
                  <li>
                     <a href="google_maps.html">
                     <i class="fa fa-map-marker"></i>
                     <span>Google Maps </span>
                     </a>
                  </li>
                  <li class="sub-menu">
                     <a href="javascript:;" class="active">
                     <i class="fa fa-glass"></i>
                     <span>Extra Pages</span>
                     <span class="label label-primary span-sidebar">10</span>
                     </a>
                     <ul class="sub">
                        <li><a href="blank.html">Blank Page</a></li>
                        <li><a href="lock_screen.html">Lock Screen</a></li>
                        <li><a href="profile.html">Profile</a></li>
                        <li><a href="invoice.html">Invoice</a></li>
                        <li><a href="search_result.html">Search Result</a></li>
                        <li><a href="pricing_table.html">Pricing Table</a></li>
                        <li><a href="faq.html">FAQ</a></li>
                        <li class="active"><a href="fb_wall.html">Timeline</a></li>
                        <li><a href="404.html">404 Error</a></li>
                        <li><a href="500.html">500 Error</a></li>
                     </ul>
                  </li>
                  <li>
                     <a href="login.html">
                     <i class="fa fa-user"></i>
                     <span>Login Page</span>
                     </a>
                  </li>
                  <li class="sub-menu">
                     <a href="javascript:;">
                     <i class="fa fa-sitemap"></i>
                     <span>Multi level Menu</span>
                     </a>
                     <ul class="sub">
                        <li><a href="javascript:;">Menu Item 1</a></li>
                        <li class="sub-menu">
                           <a href="boxed_page.html">Menu Item 2 <span class="label label-primary">1</span></a>
                           <ul class="sub">
                              <li><a href="javascript:;"> Item 2.1</a></li>
                              <li class="sub-menu">
                                 <a href="javascript:;">Menu Item 3 <span class="label label-primary">3</span></a>
                                 <ul class="sub">
                                    <li><a href="javascript:;">Item 3.1</a></li>
                                    <li><a href="javascript:;">Item 3.2</a></li>
                                    <li><a href="javascript:;">Item 3.2</a></li>
                                 </ul>
                              </li>
                           </ul>
                        </li>
                     </ul>
                  </li>
               </ul>
            </div>
         </aside>
		 <!-- END SIDEBAR -->
		 <!-- BEGIN MAIN CONTENT -->
         <section id="main-content">
		    <!-- BEGIN WRAPPER  -->
            <section class="wrapper site-min-height">
			   <!-- BEGIN ROW -->
               <div class="row">
                  <div class="col-md-12">
                     <section class="panel">
                        <div class="cover-photo">
                           <div class="fb-timeline-img">
                              <img src="img/fb-img.jpg" alt="">
                           </div>
                           <div class="fb-name">
                              <h2><a href="#">Pruthvi Bardolia</a></h2>
                           </div>
                        </div>
                        <div class="panel-body">
                           <div class="profile-thumb">
                              <img src="img/profile-avatar.jpg" alt="">
                           </div>
                           <a href="#" class="fb-user-mail">pruthvi@tripzmate.com</a>
                        </div>
                     </section>
                     <section class="panel profile-info">
                        <form>
                           <textarea class="form-control input-lg p-text-area" rows="2" placeholder="Whats in your mind today?"></textarea>
                        </form>
                        <footer class="panel-footer">
                           <button class="btn btn-danger pull-right">Post</button>
                           <ul class="nav nav-pills">
                              <li>
                                 <a href="#"><i class="fa fa-map-marker"></i></a>
                              </li>
                              <li>
                                 <a href="#"><i class="fa fa-camera"></i></a>
                              </li>
                              <li>
                                 <a href="#"><i class=" fa fa-film"></i></a>
                              </li>
                              <li>
                                 <a href="#"><i class="fa fa-microphone"></i></a>
                              </li>
                           </ul>
                        </footer><!-- END  FOOTER -->
                     </section>
                     <section class="panel">
                        <div class="panel-body">
                           <div class="fb-user-thumb">
                              <img src="img/pro-ac-1.png" alt="">
                           </div>
                           <div class="fb-user-details">
                              <h3><a href="#" class="#">Chintan Pandya</a></h3>
                              <p>7 minutes ago near Surat,Gujarat</p>
                           </div>
                           <div class="clearfix"></div>
                           <p class="fb-user-status">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac nisi purus. Aliquam eget suscipit ligula. Donec convallis vestibulum egestas. Morbi molestie dapibus lorem et congue. Morbi rhoncus euismod tortor, ac ullamcorper mauris sagittis vitae. Pellentesque et nibh sed nunc sagittis euismod. In hac habitasse platea dictumst. </p>
                           <div class="fb-status-container fb-border">
                              <div class="fb-time-action">
                                 <a href="#" >Like</a>
                                 <span>-</span>
                                 <a href="#" title="Leave a comment">Comments</a>
                                 <span>-</span>
                                 <a href="#" title="Send this to friend or post it on your time line">Share</a>
                              </div>
                           </div>
                           <div class="fb-status-container fb-border fb-gray-bg">
                              <div class="fb-time-action like-info">
                                 <a href="#">Pruthvi Bardolia,</a>
                                 <a href="#">Danieal Kalion</a>
                                 <span>and</span>
                                 <a href="#">40 more</a>
                                 <span>like this</span>
                              </div>
                              <ul class="fb-comments">
                                 <li>
                                    <a href="#" class="cmt-thumb">
                                    <img src="img/mail-avatar.jpg" alt="">
                                    </a>
                                    <div class="cmt-details">
                                       <a href="#">Pruthvi Bardolia</a>
                                       <span> is world famous professional photographer. with forward thinking clients to create beautiful, </span>
                                       <p>40 minutes ago - <a href="#" class="like-link">Like</a></p>
                                    </div>
                                 </li>
                                 <li>
                                    <a href="#" class="cmt-thumb">
                                    <img src="img/follower-avatar.jpg" alt="">
                                    </a>
                                    <div class="cmt-details">
                                       <a href="#">Chintan Pandya</a>
                                       <span> is world famous professional photographer. with forward thinking clients to create beautiful, </span>
                                       <p>34 minutes ago - <a href="#" class="like-link">Like</a></p>
                                    </div>
                                 </li>
                                 <li>
                                    <a href="#" class="cmt-thumb">
                                    <img src="img/mail-avatar.jpg" alt="">
                                    </a>
                                    <div class="cmt-details">
                                       <a href="#">Pruthvi Bardolia</a>
                                       <span> is world famous professional photographer. </span>
                                       <p>15 minutes ago - <a href="#" class="like-link">Like</a></p>
                                    </div>
                                 </li>
                                 <li>
                                    <a href="#" class="cmt-thumb">
                                    <img src="img/follower-avatar.jpg" alt="">
                                    </a>
                                    <div class="cmt-details">
                                       <a href="#">Chintan Pandya</a>
                                       <span> thinking clients to create beautiful world famous professional photographer. </span>
                                       <p>2 minutes ago - <a href="#" class="like-link">Like</a></p>
                                    </div>
                                 </li>
                                 <li>
                                    <a href="#" class="cmt-thumb">
                                    <img src="img/follower-avatar.jpg" alt="">
                                    </a>
                                    <div class="cmt-form">
                                       <textarea class="form-control" placeholder="Write a comment..." name=""></textarea>
                                    </div>
                                 </li>
                              </ul>
                              <div class="clearfix"></div>
                           </div>
                        </div>
                     </section>
                     <section class="panel">
                        <div class="panel-body">
                           <div class="fb-user-thumb">
                              <img alt="" src="img/pro-ac-2.png">
                           </div>
                           <div class="fb-user-details">
                              <h3><a class="#" href="#">Parth jani</a></h3>
                              <p>7 minutes ago near Ahmedabad, India</p>
                           </div>
                           <div class="clearfix"></div>
                           <p class="fb-user-status">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac nisi purus. Aliquam eget suscipit ligula. Donec convallis vestibulum egestas. Morbi molestie dapibus lorem et congue. Morbi rhoncus euismod tortor, ac ullamcorper mauris sagittis vitae. Pellentesque et nibh sed nunc sagittis euismod. In hac habitasse platea dictumst. </p>
                           <div class="fb-time-action">
                              <a href="#" >Like</a>
                              <span>-</span>
                              <a href="#" title="Leave a comment">Comments</a>
                              <span>-</span>
                              <a href="#" title="Send this to friend or post it on your time line">Share</a>
                           </div>
                           <div class="fb-status-container fb-border fb-gray-bg">
                              <div class="fb-time-action like-info">
                                 <a href="#">Pruthvi Bardolia,</a>
                                 <a href="#">Danieal Kalion</a>
                                 <span>and</span>
                                 <a href="#">40 more</a>
                                 <span>like this</span>
                              </div>
                              <ul class="fb-comments">
                                 <li>
                                    <a class="cmt-thumb" href="#">
                                    <img alt="" src="img/mail-avatar.jpg">
                                    </a>
                                    <div class="cmt-details">
                                       <a href="#">Pruthvi Bardolia</a>
                                       <span> is world famous professional photographer. with forward thinking clients to create beautiful, </span>
                                       <p>23 minutes ago - <a class="like-link" href="#" >Like</a></p>
                                    </div>
                                 </li>
                                 <li>
                                    <a class="cmt-thumb" href="#">
                                    <img alt="" src="img/follower-avatar.jpg">
                                    </a>
                                    <div class="cmt-details">
                                       <a href="#">Chintan Pandya</a>
                                       <span> is world famous professional photographer. with forward thinking clients to create beautiful, </span>
                                       <p>45 minutes ago - <a class="like-link" href="#" >Like</a></p>
                                    </div>
                                 </li>
                                 <li>
                                    <a class="cmt-thumb" href="#">
                                    <img alt="" src="img/follower-avatar.jpg">
                                    </a>
                                    <div class="cmt-form">
                                       <textarea name="" placeholder="Write a comment..." class="form-control"></textarea>
                                    </div>
                                 </li>
                              </ul>
                              <div class="clearfix"></div>
                           </div>
                        </div>
                     </section>
                  </div>
               </div>
			   <!-- END ROW -->
			   <!-- BEGIN ROW -->
               <div class="row">
                  <div class="col-lg-12">
                     <section class="panel">
                        <header class="panel-heading">
                           <i class="fa fa-hand-o-down"></i>
                           <span class="label label-primary">Timeline</span>
                           <span class="tools pull-right">
                           <a href="javascript:;" class="fa fa-chevron-down"></a>
                           <a href="javascript:;" class="fa fa-times"></a>
                           </span>
                        </header>
                        <div class="panel-body">
                           <ul class="timeline">
                              <li class="centering-line"></li>
                              <!-- BEGIN TIME CAT-->
                              <li class="center-timeline-cat">
                                 <div class="inner">
                                    March 2014
                                 </div>
                                 <!-- /.inner -->
                              </li>
                              <!-- END TIME CAT-->
                           </ul>
                           <ul class="timeline">
                              <!-- BEGIN CENTERING LINE -->
                              <li class="centering-line"></li>
                              <!-- END CENTERING LINE -->
                              <!-- BEGIN POST FORM -->
                              <li class="item-timeline post-form-timeline">
                                 <div class="buletan"></div>
                                 <div class="inner-content">
                                    <ul class="nav nav-tabs">
                                       <li class="active"><a href="#fakelink"><i class="fa fa-comment"></i></a></li>
                                       <li><a href="#fakelink"><i class="fa fa-quote-left"></i></a></li>
                                       <li><a href="#fakelink"><i class="fa fa-picture-o"></i></a></li>
                                    </ul>
                                    <form role="form" class="m-t-1">
                                       <p>
                                          <textarea class="form-control h-75"  placeholder="Write something on your timeline"></textarea>
                                       </p>
                                       <p class="text-right"><button type="submit" class="btn btn-primary btn-sm">Post</button></p>
                                    </form>
                                 </div>
                                 <!-- /.inner-content -->
                              </li>
                              <!-- END POST FORM -->
                              <!-- BEGIN ITEM TIMELINE -->
                              <li class="item-timeline">
                                 <div class="buletan"></div>
                                 <div class="inner-content">
                                    <!-- BEGIN HEADING TIMELINE -->
                                    <div class="heading-timeline">
                                       <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                       <div class="user-timeline-info">
                                          <p>
                                             Paris Hawker
                                             <small>10 hours ago</small>
                                          </p>
                                       </div>
                                       <!-- /.user-timeline-info -->
                                    </div>
                                    <!-- /.heading-timeline -->
                                    <!-- END HEADING TIMELINE -->
                                    <p>
                                       Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothicaLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac nisi purus. Aliquam eget suscipit ligula.. 
                                    </p>
                                    <!-- BEGIN FOOTER TIMELINE -->
                                    <div class="footer-timeline">
                                       <ul class="timeline-option">
                                          <li class="option-row">
                                             <div class="row">
                                                <div class="col-xs-6">
                                                   <ol>
                                                      <li><a class="label bg-primary m-l-xs">Like</a></li>
                                                      <li><a class="label label-info">Comment</a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                                <div class="col-xs-6 text-right">
                                                   <ol>
                                                      <li><a class="btn btn-white" > <span class="text"> <i class="fa fa-thumbs-up text-success"></i> 25 </span></a></li>
                                                      <li><a class="btn btn-white" > <span class="text"> <i class="fa fa-comments text-info"></i> 3 </span></a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                             </div>
                                             <!-- /.row -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <form role="form">
                                                   <input class="form-control input-sm" placeholder="Write your comment..." type="text">
                                                </form>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-2.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <p><strong><a class="label bg-success m-l-xs">Chintan</a></strong> Kowe ki ngomong opo to jane?<br>
                                                   angger gawe status kok nganggo boso sing marai aku ra mudheng to nduk-nduk
                                                </p>
                                                <p class="text-muted reply-time">3 hours ago</p>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-3.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <p>
													<strong><a class="label bg-success m-l-xs">Parth</a></strong> Walopun aku ora mudheng kowe nulis opo, 
                                                   cintaku tetep padamu kok cah ayu, ai lopyu pull pokoke...
                                                </p>
                                                <p class="text-muted reply-time">4 hours ago</p>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                       </ul>
                                    </div>
                                    <!-- /.footer-timeline -->
                                    <!-- END FOOTER TIMELINE -->
                                 </div>
                                 <!-- /.inner-content -->
                              </li>
                              <!-- END ITEM TIMELINE -->
                              <!-- BEGIN ITEM TIMELINE -->
                              <li class="item-timeline">
                                 <div class="buletan"></div>
                                 <div class="inner-content">
                                    <!-- BEGIN HEADING TIMELINE -->
                                    <div class="heading-timeline">
                                       <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                       <div class="user-timeline-info">
                                          <p>
                                             Paris Hawker
                                             <small>11 hours ago</small>
                                          </p>
                                       </div>
                                       <!-- /.user-timeline-info -->
                                    </div>
                                    <!-- /.heading-timeline -->
                                    <!-- BEGIN HEADING TIMELINE -->
                                    <blockquote>
                                       Life is short, art is long, typography is everything, code is poetry
                                       <small>by <cite title="Someone">Sara Cannon</cite></small>
                                    </blockquote>
                                    <!-- BEGIN FOOTER TIMELINE -->
                                    <div class="footer-timeline">
                                       <ul class="timeline-option">
                                          <li class="option-row">
                                             <div class="row">
                                                <div class="col-xs-6">
                                                   <ol>
                                                      <li><a class="label bg-primary m-l-xs">Like</a></li>
                                                      <li><a class="label label-info">Comment</a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                                <div class="col-xs-6 text-right">
                                                   <ol>
                                                      <li><a class="btn btn-white" > <span class="text"> <i class="fa fa-thumbs-up text-success"></i> 254 </span></a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                             </div>
                                             <!-- /.row -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <form role="form">
                                                   <input class="form-control input-sm" placeholder="Write your comment..." type="text">
                                                </form>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                       </ul>
                                    </div>
                                    <!-- /.footer-timeline -->
                                    <!-- END FOOTER TIMELINE -->
                                 </div>
                                 <!-- /.inner-content -->
                              </li>
                              <!-- END ITEM TIMELINE -->
                              <!-- BEGIN ITEM TIMELINE -->
                              <li class="item-timeline">
                                 <div class="buletan"></div>
                                 <div class="inner-content">
                                    <!-- BEGIN HEADING TIMELINE -->
                                    <div class="heading-timeline">
                                       <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                       <div class="user-timeline-info">
                                          <p>
                                             Paris Hawker
                                             <small>Yesterday at 10:15 AM</small>
                                          </p>
                                       </div>
                                       <!-- /.user-timeline-info -->
                                    </div>
                                    <!-- /.heading-timeline -->
                                    <!-- END HEADING TIMELINE -->
                                    <h4>Responsive video iframe (Vimeo)</h4>
                                    <p>
                                       Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica
                                    </p>
                                    <!-- BEGIN FOOTER TIMELINE -->
                                    <div class="footer-timeline">
                                       <ul class="timeline-option">
                                          <li class="option-row">
                                             <div class="row">
                                                <div class="col-xs-6">
                                                   <ol>
                                                      <li><a class="label bg-primary m-l-xs">Like</a></li>
                                                      <li><a class="label label-info">Comment</a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                                <div class="col-xs-6 text-right">
                                                   <ol>
                                                      <li><a class="btn btn-white" > <span class="text"> <i class="fa fa-thumbs-up text-success"></i> 2 </span></a></li>
                                                      <li><a class="btn btn-white" > <span class="text"> <i class="fa fa-comments text-info"></i> 1 </span></a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                             </div>
                                             <!-- /.row -->
                                          </li>
                                          <li class="option-row">
                                             <strong><a class="label bg-success m-l-xs">Chintan</a></strong> and 
                                             <strong><a class="label bg-success m-l-xs">Jay</a></strong> 
                                             like this
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <form role="form">
                                                   <input class="form-control input-sm" placeholder="Write your comment..." type="text">
                                                </form>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-4.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <p><strong><a class="label bg-success m-l-xs">bhavin</a></strong> Rolasan sek mbakyu, ora mung onlen terus</p>
                                                <p class="text-muted reply-time">Yesterday at 01:47 PM</p>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                       </ul>
                                    </div>
                                    <!-- /.footer-timeline -->
                                    <!-- END FOOTER TIMELINE -->
                                 </div>
                                 <!-- /.inner-content -->
                              </li>
                              <!-- END ITEM TIMELINE -->
                              <!-- BEGIN ITEM TIMELINE -->
                              <li class="item-timeline">
                                 <div class="buletan"></div>
                                 <div class="inner-content">
                                    <!-- BEGIN HEADING TIMELINE -->
                                    <div class="heading-timeline">
                                       <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                       <div class="user-timeline-info">
                                          <p>
                                             Paris Hawker
                                             <small>Yesterday at 05:13 AM</small>
                                          </p>
                                       </div>
                                       <!-- /.user-timeline-info -->
                                    </div>
                                    <!-- /.heading-timeline -->
                                    <!-- END HEADING TIMELINE -->
                                    <h4>Responsive full width image</h4>
                                    <p>
                                       Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica
                                    </p>
                                    <img src="img/image.jpg" class="img-responsive" alt="Image">
                                    <!-- BEGIN FOOTER TIMELINE -->
                                    <div class="footer-timeline">
                                       <ul class="timeline-option">
                                          <li class="option-row">
                                             <div class="row">
                                                <div class="col-xs-6">
                                                   <ol>
                                                      <li><a class="label bg-primary m-l-xs">Like</a></li>
                                                      <li><a class="label label-info">Comment</a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                                <div class="col-xs-6 text-right">
                                                   <ol>
                                                      <li><a class="btn btn-white" > <span class="text"> <i class="fa fa-thumbs-up text-success"></i> 125 </span></a></li>
                                                      <li><a class="btn btn-white" > <span class="text"> <i class="fa fa-comments text-info"></i> 26 </span></a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                             </div>
                                             <!-- /.row -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <form role="form">
                                                   <input class="form-control input-sm" placeholder="Write your comment..." type="text">
                                                </form>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                          <li class="option-row">
                                             <strong><a href="#fakelink"><i class="fa fa-comments"></i> View 22 more comments</a></strong>
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <p><strong><a class="label bg-success m-l-xs">Bhavesh</a></strong> 
                                                   Woh, kok ketoe gayeng tenan kui acarane nduk?
                                                </p>
                                                <p class="text-muted reply-time">3 hours ago</p>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-2.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <p><strong><a class="label bg-success m-l-xs">Bhavin</a></strong> wah, aku telat oleh informasine je,
                                                   malah tabrakan karo jadwalku manggung karo Sera ning mbantul wingi kae
                                                </p>
                                                <p class="text-muted reply-time">4 hours ago</p>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-3.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <p><strong><a class="label bg-success m-l-xs">Dharesh</a></strong> do ra tau ngabari aku nek ono acara ngene iki cah-cah,
                                                   aku sedih bingit kie lah :(
                                                </p>
                                                <p class="text-muted reply-time">7 hours ago</p>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-4.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <p><strong><a class="label bg-success m-l-xs">jai</a></strong> kok potoku ora ono ki?</p>
                                                <p class="text-muted reply-time">8 hours ago</p>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                       </ul>
                                    </div>
                                    <!-- /.footer-timeline -->
                                    <!-- END FOOTER TIMELINE -->
                                 </div>
                                 <!-- /.inner-content -->
                              </li>
                              <!-- END ITEM TIMELINE -->
                              <!-- BEGIN ITEM TIMELINE -->
                              <li class="item-timeline">
                                 <div class="buletan"></div>
                                 <div class="inner-content">
                                    <!-- BEGIN HEADINg TIMELINE -->
                                    <div class="heading-timeline">
                                       <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                       <div class="user-timeline-info">
                                          <p>
                                             Paris Hawker
                                             <small>March 20, 2014 at 04:45 PM</small>
                                          </p>
                                       </div>
                                       <!-- /.user-timeline-info -->
                                    </div>
                                    <!-- /.heading-timeline -->
                                    <!-- END HEADINg TIMELINE -->
                                    <p>
                                       Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica
                                       Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica
                                    </p>
                                    <!-- BEGIN FOOTER TIMELINE -->
                                    <div class="footer-timeline">
                                       <ul class="timeline-option">
                                          <li class="option-row">
                                             <div class="row">
                                                <div class="col-xs-6">
                                                   <ol>
                                                      <li><a class="label bg-primary m-l-xs">Like</a></li>
                                                      <li><a class="label label-info">Comment</a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                                <div class="col-xs-6 text-right">
                                                   <ol>
                                                      <li><a class="btn btn-white" > <span class="text"> <i class="fa fa-thumbs-up text-success"></i> 25 </span></a></li>
                                                      <li><a class="btn btn-white" > <span class="text"> <i class="fa fa-comments text-info"></i> 2 </span></a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                             </div>
                                             <!-- /.row -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <form role="form">
                                                   <input class="form-control input-sm" placeholder="Write your comment..." type="text">
                                                </form>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-2.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <p><strong><a class="label bg-success m-l-xs">Chintan</a></strong> Kowe ki ngomong opo to jane?<br>
                                                   angger gawe status kok nganggo boso sing marai aku ra mudheng to nduk-nduk
                                                </p>
                                                <p class="text-muted reply-time">March 20, 2014 at 07:11 PM</p>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-3.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <p>			<strong><a class="label bg-success m-l-xs">Parth</a></strong> Walopun akuora mudheng 	kowe nulis opo, 
                                                   cintaku tetep padamu kok cah ayu, ai lopyu pull pokoke...
                                                </p>
                                                <p class="text-muted reply-time">March 20, 2014 at 05:59 PM</p>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                       </ul>
                                    </div>
                                    <!-- /.footer-timeline -->
                                    <!-- END FOOTER TIMELINE -->
                                 </div>
                                 <!-- /.inner-content -->
                              </li>
                              <!-- END ITEM TIMELINE -->
                              <!-- BEGIN ITEM TIMELINE -->
                              <li class="item-timeline">
                                 <div class="buletan"></div>
                                 <div class="inner-content">
                                    <!-- BEGIN HEADING TIMELINE -->
                                    <div class="heading-timeline">
                                       <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                       <div class="user-timeline-info">
                                          <p>
                                             Paris Hawker
                                             <small>March 17, 2014 at 05:45 AM</small>
                                          </p>
                                       </div>
                                       <!-- /.user-timeline-info -->
                                    </div>
                                    <!-- /.heading-timeline -->
                                    <!-- END HEADING TIMELINE -->
                                    <p>LAGI MUMET DAB! PLES LAGI PMS, OJO DIGANGGU!</p>
                                    <!-- BEGIN FOOTER TIMELINE -->
                                    <div class="footer-timeline">
                                       <ul class="timeline-option">
                                          <li class="option-row">
                                             <div class="row">
                                                <div class="col-xs-6">
                                                   <ol>
                                                      <li><a class="label bg-primary m-l-xs">Like</a></li>
                                                      <li><a class="label label-info">Comment</a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                                <div class="col-xs-6 text-right">
                                                   <ol>
                                                      <li><a class="btn btn-white" > <span class="text"> <i class="fa fa-thumbs-up text-success"></i> 2 </span></a></li>
                                                      <li><a class="btn btn-white" > <span class="text"> <i class="fa fa-comments text-info"></i> 1 </span></a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                             </div>
                                             <!-- /.row -->
                                          </li>
                                          <li class="option-row">
                                             <strong><a class="label bg-success m-l-xs">Chintan</a></strong> and 
                                             <strong><a class="label bg-success m-l-xs">Jay</a></strong> 
                                             like this
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <form role="form">
                                                   <input class="form-control input-sm" placeholder="Write your comment..." type="text">
                                                </form>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-4.jpg" class="avatar" alt="Image">
                                             <div class="reply">
                                                <p><strong><a class="label bg-success m-l-xs">bhavin</a></strong> Ngombe bodrek campur susu wae nduk :D</p>
                                                <p class="text-muted reply-time">March 17, 2014 at 05:55 AM</p>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                       </ul>
                                    </div>
                                    <!-- /.footer-timeline -->
                                    <!-- END FOOTER TIMELINE -->
                                 </div>
                                 <!-- /.inner-content -->
                              </li>
                              <!-- END ITEM TIMELINE -->
                              <!-- BEGIN TIME CAT-->
                              <li class="center-timeline-cat">
                                 <div class="inner">
                                    February 2014
                                 </div>
                                 <!-- /.inner -->
                              </li>
                              <!-- BEGIN END CAT-->
                              <!-- BEGIN ITEM TIMELINE -->
                              <li class="item-timeline">
                                 <div class="buletan"></div>
                                 <div class="inner-content">
                                    <!-- BEGIN HEADINg TIMELINE -->
                                    <div class="heading-timeline">
                                       <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                       <div class="user-timeline-info">
                                          <p>
                                             Paris Hawker
                                             <small>February 26, 2014 at 11:45 AM</small>
                                          </p>
                                       </div>
                                       <!-- /.user-timeline-info -->
                                    </div>
                                    <!-- /.heading-timeline -->
                                    <!-- END ITEm TIMELINE -->
                                    <h4>Responsive images</h4>
                                    <p>
                                       Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica
                                    </p>
                                    <!-- END IMAGE WRAP -->
                                    <!-- BEGIN FOOTER TIMELINE -->
                                    <div class="footer-timeline">
                                       <ul class="timeline-option">
                                          <li class="option-row">
                                             <div class="row">
                                                <div class="col-xs-6">
                                                   <ol>
                                                      <li><a class="label bg-primary m-l-xs">Like</a></li>
                                                      <li><a class="label label-info">Comment</a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                                <div class="col-xs-6 text-right">
                                                   <ol>
                                                      <li><a class="btn btn-white" > <span class="text"> <i class="fa fa-thumbs-up text-success"></i> 124 </span></a></li>
                                                      <li><a class="btn btn-white" > <span class="text"> <i class="fa fa-comments text-info"></i> 26 </span></a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                             </div>
                                             <!-- /.row -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <form role="form">
                                                   <input class="form-control input-sm" placeholder="Write your comment..." type="text">
                                                </form>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                          <li class="option-row">
                                             <strong><a href="#fakelink"><i class="fa fa-comments"></i> View 22 more comments</a></strong>
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <p><strong><a class="label bg-success m-l-xs">Bhavesh</a></strong> 
                                                   Woh, kok ketoe gayeng tenan kui acarane nduk?
                                                </p>
                                                <p class="text-muted reply-time">3 hours ago</p>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-2.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <p><strong><a class="label bg-success m-l-xs">Bhavin</a></strong> wah, aku telat oleh informasine je,
                                                   malah tabrakan karo jadwalku manggung karo Sera ning mbantul wingi kae
                                                </p>
                                                <p class="text-muted reply-time">March 18, 2014 at 11:45 AM</p>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-3.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <p><strong><a class="label bg-success m-l-xs">Dharesh</a></strong> do ra tau ngabari aku nek ono acara ngene iki cah-cah,
                                                   aku sedih bingit kie lah :(
                                                </p>
                                                <p class="text-muted reply-time">March 16, 2014 at 01:45 PM</p>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-4.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <p><strong><a class="label bg-success m-l-xs">jai</a></strong> kok potoku ora ono ki?</p>
                                                <p class="text-muted reply-time">March 16, 2014 at 01:05 PM</p>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                       </ul>
                                    </div>
                                    <!-- /.footer-timeline -->
                                    <!-- END FOOTER TIMELINE -->
                                 </div>
                                 <!-- /.inner-content -->
                              </li>
                              <!-- END ITEM TIMELINE -->
                              <!-- BEGIN ITEM TIMELINE -->
                              <li class="item-timeline">
                                 <div class="buletan"></div>
                                 <div class="inner-content">
                                    <!-- BEGIN HEADING TIMELINE -->
                                    <div class="heading-timeline">
                                       <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                       <div class="user-timeline-info">
                                          <p>
                                             Paris Hawker
                                             <small>February 26, 2014 at 07:52 AM</small>
                                          </p>
                                       </div>
                                       <!-- /.user-timeline-info -->
                                    </div>
                                    <!-- /.heading-timeline -->
                                    <!-- END HEADING TIMELINE -->
                                    <h4>Responsive video iframe (Youtube)</h4>
                                    <p>
                                       Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica
                                       Nam liber tempor cum soluta nobis eleifend option congue nihil
                                    </p>
                                    <!-- BEGIN FOOTER TIMELINE -->
                                    <div class="footer-timeline">
                                       <ul class="timeline-option">
                                          <li class="option-row">
                                             <div class="row">
                                                <div class="col-xs-6">
                                                   <ol>
                                                      <li><a class="label bg-primary m-l-xs">Like</a></li>
                                                      <li><a class="label label-info">Comment</a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                                <div class="col-xs-6 text-right">
                                                   <ol>
                                                      <li><a class="btn btn-white" > <span class="text"> <i class="fa fa-thumbs-up text-success"></i> 6 </span></a></li>
                                                      <li><a class="btn btn-white" > <span class="text"> <i class="fa fa-comments text-info"></i> 6 </span></a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                             </div>
                                             <!-- /.row -->
                                          </li>
                                          <li class="option-row">
                                             <strong><a class="label bg-success m-l-xs">Chintan</a></strong> and 
                                             <strong><a class="label bg-success m-l-xs">Jay</a></strong> 
                                             like this
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <form role="form">
                                                   <input class="form-control input-sm" placeholder="Write your comment..." type="text">
                                                </form>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-2.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <p><strong><a class="label bg-success m-l-xs">Chintan</a></strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
                                                <p class="text-muted reply-time">March 16, 2014 at 08:02 AM</p>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <p><strong><a class="label bg-success m-l-xs">Chintan</a></strong> Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis</p>
                                                <p class="text-muted reply-time">March 16, 2014 at 07:59 AM</p>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-4.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <p><strong><a class="label bg-success m-l-xs">Bardolia</a></strong> Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat</p>
                                                <p class="text-muted reply-time">March 16, 2014 at 07:55 AM</p>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-2.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <p><strong><a class="label bg-success m-l-xs">Jani</a></strong> Nam liber tempor cum soluta nobis eleifend option congue nihil</p>
                                                <p class="text-muted reply-time">March 16, 2014 at 07:53 AM</p>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                       </ul>
                                    </div>
                                    <!-- /.footer-timeline -->
                                    <!-- END FOOTER TIMELINE -->
                                 </div>
                                 <!-- /.inner-content -->
                              </li>
                              <!-- END ITEM TIMELINE -->
                              <!-- BEGIN ITEM TIMELINE -->
                              <li class="item-timeline">
                                 <div class="buletan"></div>
                                 <div class="inner-content">
                                    <!-- BEGIN HEADINg TIMELINE -->
                                    <div class="heading-timeline">
                                       <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                       <div class="user-timeline-info">
                                          <p>
                                             Paris Hawker
                                             <small>February 24, 2014 at 03:52 PM</small>
                                          </p>
                                       </div>
                                       <!-- /.user-timeline-info -->
                                    </div>
                                    <!-- /.heading-timeline -->
                                    <!-- END HEADINg TIMELINE -->
                                    <p>
                                       Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica
                                       Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica
                                       Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica
                                    </p>
                                    <p>
                                       <!-- BEGIN FOOTER TIMELINE -->
                                    </p>
                                    <div class="footer-timeline">
                                       <ul class="timeline-option">
                                          <li class="option-row">
                                             <div class="row">
                                                <div class="col-xs-6">
                                                   <ol>
                                                      <li><a class="label bg-primary m-l-xs">Like</a></li>
                                                      <li><a class="label label-info">Comment</a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                                <div class="col-xs-6 text-right">
                                                   <ol>
                                                      <li><a class="btn btn-white" > <span class="text"> <i class="fa fa-thumbs-up text-success"></i> 258 </span></a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                             </div>
                                             <!-- /.row -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <form role="form">
                                                   <input class="form-control input-sm" placeholder="Write your comment..." type="text">
                                                </form>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                       </ul>
                                    </div>
                                    <!-- /.footer-timeline -->
                                    <!-- END FOOTER TIMELINE -->
                                 </div>
                                 <!-- /.inner-content -->
                              </li>
                              <!-- END ITEM TIMELINE -->
                              <!-- BEGIN ITEM TIMELINE -->
                              <li class="item-timeline">
                                 <div class="buletan"></div>
                                 <div class="inner-content">
                                    <!-- BEGIN HEADINg TIMELINE -->
                                    <div class="heading-timeline">
                                       <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                       <div class="user-timeline-info">
                                          <p>
                                             Paris Hawker
                                             <small>February 22, 2014 at 03:30 PM</small>
                                          </p>
                                       </div>
                                       <!-- /.user-timeline-info -->
                                    </div>
                                    <!-- /.heading-timeline -->
                                    <!-- END HEADINg TIMELINE -->
                                    <p>
                                       Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica
                                       Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica
                                       Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica
                                    </p>
                                    <p>
                                       <!-- BEGIN FOOTER TIMELINE -->
                                    </p>
                                    <div class="footer-timeline">
                                       <ul class="timeline-option">
                                          <li class="option-row">
                                             <div class="row">
                                                <div class="col-xs-6">
                                                   <ol>
                                                      <li><a class="label bg-primary m-l-xs">Like</a></li>
                                                      <li><a class="label label-info">Comment</a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                                <div class="col-xs-6 text-right">
                                                   <ol>
                                                      <li><a class="btn btn-white" > <span class="text"> <i class="fa fa-thumbs-up text-success"></i> 257</span></a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                             </div>
                                             <!-- /.row -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <form role="form">
                                                   <input class="form-control input-sm" placeholder="Write your comment..." type="text">
                                                </form>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                       </ul>
                                    </div>
                                    <!-- /.footer-timeline -->
                                    <!-- END FOOTER TIMELINE -->
                                 </div>
                                 <!-- /.inner-content -->
                              </li>
                              <!-- END ITEM TIMELINE -->
                              <!-- BEGIN ITEM HIGHLIGHT TIMELINE -->
                              <li class="item-timeline highlight">
                                 <div class="buletan"></div>
                                 <div class="inner-content">
                                    <!-- BEGIN HEADING TIMELINE -->
                                    <div class="heading-timeline">
                                       <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                       <div class="user-timeline-info">
                                          <p>
                                             Paris Hawker
                                             <small>February 21, 2014 at 07:52 AM</small>
                                          </p>
                                       </div>
                                       <!-- /.user-timeline-info -->
                                    </div>
                                    <!-- /.heading-timeli ne -->
                                    <!-- END HEADING TIMELINE -->
                                    <h4 class="text-center">Highlight post here</h4>
                                    <p>
                                       Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica
                                       Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica
                                       Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica
                                       Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica
                                    </p>
                                    <!-- BEGIN FOOTER TIMELINE -->
                                    <div class="footer-timeline">
                                       <ul class="timeline-option">
                                          <li class="option-row">
                                             <div class="row">
                                                <div class="col-xs-6">
                                                   <ol>
                                                      <li><a class="label bg-primary m-l-xs">Like</a></li>
                                                      <li><a class="label label-info">Comment</a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                                <div class="col-xs-6 text-right">
                                                   <ol>
                                                      <li><a class="btn btn-white" > <span class="text"> <i class="fa fa-thumbs-up text-success"></i> 256 </span></a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                             </div>
                                             <!-- /.row -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <form role="form">
                                                   <input class="form-control input-sm" placeholder="Write your comment..." type="text">
                                                </form>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                       </ul>
                                    </div>
                                    <!-- /.footer-timeline -->
                                    <!-- END FOOTER TIMELINE -->
                                 </div>
                                 <!-- /.inner-content -->
                              </li>
                              <!-- END  ITEM HIGHLIGHT TIMELINE -->
                              <!-- BEGIN ITEM TIMELINE -->
                              <li class="item-timeline">
                                 <div class="buletan"></div>
                                 <div class="inner-content">
                                    <!-- BEGIN HEADING TIMELINE -->
                                    <div class="heading-timeline">
                                       <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                       <div class="user-timeline-info">
                                          <p>
                                             Paris Hawker
                                             <small>February 19, 2014 at 10:52 PM</small>
                                          </p>
                                       </div>
                                       <!-- /.user-timeline-info -->
                                    </div>
                                    <!-- /.heading-timeline -->
                                    <!-- END HEADING TIMELINE -->
                                    <h4>Responsive video iframe (Youtube)</h4>
                                    <p>
                                       Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica
                                    </p>
                                    <!-- BEGIN FOOTER TIMELINE -->
                                    <div class="footer-timeline">
                                       <ul class="timeline-option">
                                          <li class="option-row">
                                             <div class="row">
                                                <div class="col-xs-6">
                                                   <ol>
                                                      <li><a class="label bg-primary m-l-xs">Like</a></li>
                                                      <li><a class="label label-info">Comment</a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                                <div class="col-xs-6 text-right">
                                                   <ol>
                                                      <li><a class="btn btn-white" > <span class="text"> <i class="fa fa-thumbs-up text-success"></i> 12 </span></a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                             </div>
                                             <!-- /.row -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <form role="form">
                                                   <input class="form-control input-sm" placeholder="Write your comment..." type="text">
                                                </form>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                       </ul>
                                    </div>
                                    <!-- /.footer-timeline -->
                                    <!-- END FOOTER TIMELINE -->
                                 </div>
                                 <!-- /.inner-content -->
                              </li>
                              <!-- END ITEM TIMELINE -->
                              <!-- BEGIN ITEM TIMELINE -->
                              <li class="item-timeline">
                                 <div class="buletan"></div>
                                 <div class="inner-content">
                                    <!-- BEGIN HEADING TIMELINE -->
                                    <div class="heading-timeline">
                                       <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                       <div class="user-timeline-info">
                                          <p>
                                             Paris Hawker
                                             <small>February 19, 2014 at 08:50 AM</small>
                                          </p>
                                       </div>
                                       <!-- /.user-timeline-info -->
                                    </div>
                                    <!-- /.heading-timeline -->
                                    <!-- END HEADING TIMELINE -->
                                    <p>
                                       Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica
                                    </p>
                                    <!-- /.END IMG WRAP -->
                                    <!-- BEGIN FOOTER TIMELINE -->
                                    <div class="footer-timeline">
                                       <ul class="timeline-option">
                                          <li class="option-row">
                                             <div class="row">
                                                <div class="col-xs-6">
                                                   <ol>
                                                      <li><a class="label bg-primary m-l-xs">Like</a></li>
                                                      <li><a class="label label-info">Comment</a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                                <div class="col-xs-6 text-right">
                                                   <ol>
                                                      <li><a class="btn btn-white" > <span class="text"> <i class="fa fa-thumbs-up text-success"></i> 2 </span></a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                             </div>
                                             <!-- /.row -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <form role="form">
                                                   <input class="form-control input-sm" placeholder="Write your comment..." type="text">
                                                </form>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                       </ul>
                                    </div>
                                    <!-- /.footer-timeline -->
                                    <!-- END FOOTER TIMELINE -->
                                 </div>
                                 <!-- /.inner-content -->
                              </li>
                              <!-- ENS ITEM TIMELINE -->
                              <!-- BEGIN ITEM TIMELINE -->
                              <li class="item-timeline">
                                 <div class="buletan"></div>
                                 <div class="inner-content">
                                    <!-- BEGIN HEADING TIMELINE -->
                                    <div class="heading-timeline">
                                       <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                       <div class="user-timeline-info">
                                          <p>
                                             Paris Hawker
                                             <small>February 16, 2014 at 07:52 AM</small>
                                          </p>
                                       </div>
                                       <!-- /.user-timeline-info -->
                                    </div>
                                    <!-- /.heading-timeline -->
                                    <!-- END HEADING TIMELINE -->
                                    <p>
                                       Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica
                                    </p>
                                    <!-- BEGIN FOOTER TIMELINE -->
                                    <div class="footer-timeline">
                                       <ul class="timeline-option">
                                          <li class="option-row">
                                             <div class="row">
                                                <div class="col-xs-6">
                                                   <ol>
                                                      <li><a class="label bg-primary m-l-xs">Like</a></li>
                                                      <li><a class="label label-info">Comment</a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                                <div class="col-xs-6 text-right">
                                                   <ol>
                                                      <li><a class="btn btn-white" > <span class="text"> <i class="fa fa-thumbs-up text-success"></i> 143 </span></a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                             </div>
                                             <!-- /.row -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <form role="form">
                                                   <input class="form-control input-sm" placeholder="Write your comment..." type="text">
                                                </form>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                       </ul>
                                    </div>
                                    <!-- /.footer-timeline -->
                                    <!-- END HEADING TIMELINE -->
                                 </div>
                                 <!-- /.inner-content -->
                              </li>
                              <!-- END ITEM TIMELINE -->
                              <!-- BEGIN ITEM TIMELINE -->
                              <li class="item-timeline">
                                 <div class="inner-content">
                                    <!-- BEGIN HEADING TIMELINE -->
                                    <div class="heading-timeline">
                                       <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                       <div class="user-timeline-info">
                                          <p>
                                             Paris Hawker
                                             <small>10 hours ago</small>
                                          </p>
                                       </div>
                                       <!-- /.user-timeline-info -->
                                    </div>
                                    <!-- /.heading-timeline -->
                                    <!-- END HEADING TIMELINE -->
                                    <p>
                                       Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica
                                    </p>
                                    <!-- BEGIN FOOTER TIMELINE -->
                                    <div class="footer-timeline">
                                       <ul class="timeline-option">
                                          <li class="option-row">
                                             <div class="row">
                                                <div class="col-xs-6">
                                                   <ol>
                                                      <li><a class="label bg-primary m-l-xs">Like</a></li>
                                                      <li><a class="label label-info">Comment</a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                                <div class="col-xs-6 text-right">
                                                   <ol>
                                                      <li><a class="btn btn-white" > <span class="text"> <i class="fa fa-thumbs-up text-success"></i> 56 </span></a></li>
                                                   </ol>
                                                </div>
                                                <!-- /.col-xs-6 -->
                                             </div>
                                             <!-- /.row -->
                                          </li>
                                          <li class="option-row">
                                             <img src="img/avatar/avatar-1.jpg" class="avatar" alt="Avatar">
                                             <div class="reply">
                                                <form role="form">
                                                   <input class="form-control input-sm" placeholder="Write your comment..." type="text">
                                                </form>
                                             </div>
                                             <!-- /.reply -->
                                          </li>
                                       </ul>
                                    </div>
                                    <!-- /.footer-timeline -->
                                    <!-- END FOOTER TIMELINE -->
                                 </div>
                                 <!-- /.inner-content -->
                              </li>
                              <!-- END ITEM TIMELINE -->
                              <!-- BEGIN TIME CAT-->
                              <li class="center-timeline-cat">
                                 <div class="inner">
                                    January 2014
                                 </div>
                                 <!-- /.inner -->
                              </li>
                              <!-- BEGIN END CAT-->
                              <!-- BEGIN TIME CAT-->
                              <li class="center-timeline-cat">
                                 <div class="inner">
                                    December 2013
                                 </div>
                                 <!-- /.inner -->
                              </li>
                              <!-- BEGIN END CAT-->
                              <!-- BEGIN TIME CAT-->
                              <li class="center-timeline-cat">
                                 <div class="inner">
                                    November 2013
                                 </div>
                                 <!-- /.inner -->
                              </li>
                              <!-- BEGIN END CAT-->
                              <!-- BEGIN HIGHLIGHT TIMELINE MOMENT -->
                              <li class="item-timeline highlight text-center">
                                 <div class="buletan"></div>
                                 <div class="inner-content">
                                    <h2 class="text-info"><i class="fa fa-flag-checkered"></i></h2>
                                    <h4>Joined Cleret Gombel</h4>
                                    <p class="text-muted">November 28, 2013</p>
                                 </div>
                                 <!-- /.inner-content -->
                              </li>
                              <!-- END HIGHLIGHT TIMELINE MOMENT -->
                              <!-- BEGIN HIGHLIGHT TIMELINE MOMENT -->
                              <li class="item-timeline highlight text-center">
                                 <div class="buletan"></div>
                                 <div class="inner-content">
                                    <h2 class="text-info"><i class="fa fa-male"></i></h2>
                                    <h4>Born</h4>
                                    <p class="text-muted">January 01, 1990</p>
                                 </div>
                                 <!-- /.inner-content -->
                              </li>
                              <!-- END HIGHLIGHT TIMELINE MOMENT -->
                           </ul>
                        </div>
                     </section>
                  </div>
               </div>
			   <!-- END ROW -->
            </section>
			<!-- END WRAPPER  -->
         </section>
		 <!-- END MAIN CONTENT -->
         <!-- BEGIN FOOTER -->
		 <footer class="site-footer">
            <div class="text-center">
               2013 &copy; Olive Admin by <a href="" target="_blank">Custom Theme</a>.
               <a href="http://www.mycodes.net" class="go-top">
               <i class="fa fa-angle-up"></i>
               </a>
            </div>
         </footer>
		 <!-- END  FOOTER -->
      </section>
	  <!-- END SECTION -->
	  <!-- BEGIN JS -->
		<script src="js/jquery.js" ></script><!-- BASIC JS LIABRARY -->
		<script src="js/bootstrap.min.js" ></script><!-- BOOTSTRAP JS  -->
		<script src="js/jquery.dcjqaccordion.2.7.js"></script><!-- ACCORDING JS -->
		<script src="js/jquery.scrollTo.min.js" ></script><!-- SCROLLTO JS  -->
		<script src="js/jquery.nicescroll.js" > </script><!-- NICESCROLL JS  -->
		<script src="js/respond.min.js" ></script><!-- RESPOND JS  -->
		<script src="js/common-scripts.js" ></script><!-- BASIC COMMON JS  -->
	  <!-- END JS -->
   </body>
</html>


